﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="TEXT/css" href="./css/page4-hover.css">
    <link rel="stylesheet" type="TEXT/css" href="./css/page4-1.css">
    <script src="./js/jquery-1.11.0.min.js" type="text/javascript"></script>

    <title>文创用品</title>
</head>

<body style="overflow-x:hidden">
    <div class="page1 dream">
        <div class="navi">
            <div class="navipicfixed">
                <img src="./img/page4-1-img/1/导航栏 完整.png" class="navipicture">
            </div>
            <div class="navilist">
                <ul>
                    <li class="li1"> <a href="xiamanyou.html" class="naviziti">首页</a> </li>
                    <li class="li2">
                        <a href="page-2.html" class="naviziti">场馆介绍</a>
                    </li>
                    <li class="li3"> <a href="page-3.html" class="naviziti">IP介绍</a> </li>
                    <li class="li4">
                        <a href="" class="naviziti"><img src="./img/page4-1-img/1/title发亮的那里.png"></a>
                    </li>
                    <li class="li5"> <a href="page-5.html" class="naviziti">相关动态</a> </li>
                    <li class="li6"> <a href="page-6.html" class="naviziti">关于我们</a> </li>
                </ul>
            </div>
        </div>
        <img src="./img/page4-1-img/1/底图.png" class="bcp">
        <a href="#"> <img src="./img/page4-1-img/1/产品图一 口红.png" class="kouhong hvr-grow"></a>
        <a href="#"> <img src="./img/page4-1-img/1/产品图三 盒子.png" class="hezi hvr-grow"></a>
        <a href="#"> <img src="./img/page4-1-img/1/产品图二 瓶子.png" class="pingzi hvr-grow"></a>
        <img src="./img/page4-1-img/1/产品图四 扇子.png" class="shanzi">
        <img src="./img/page4-1-img/1/雾气终极版.png" class="wu">
        <!--img src="./文创用品首页/星点.png" class="xingdian"-->
        <a href="#"><img src="./img/page4-1-img/1/下拉查看更多（华文中宋）.png" id="h1" class="xiala"></a>
        <a href="#"><img src="./img/page4-1-img/1/下拉发亮.png" id="z1" class="xialaliang"></a>
        <!--img src="./文创用品首页/微信图片_20220824144718.png" class="wenzi1"-->
        <a href="#"><img src="./img/page4-1-img/1/微信.png" class="chuanghezi hvr-float"></a>
        <div class="wenzi2">
            以<br>美<br>学<br>创<br>新<br>样<br>态
        </div>
        <div class="wenzi3">
            将<br>灵<br>感<br>融<br>入<br>生<br>活
        </div>
    </div>
    <div class="page21 dream" name="2">

        <div class="navi2">
            <div class="navipicfixed2">
                <img src="./img/page4-1-img/1/导航栏 完整.png" class="navipicture2">
            </div>
            <div class="navilist2">
                <ul>
                    <li class="li12"> <a href="xiamanyou.html" class="naviziti2">首页</a> </li>
                    <li class="li22">
                        <a href="page-2.html" class="naviziti2">场馆介绍</a>
                    </li>
                    <li class="li32"> <a href="page-3.html" class="naviziti2">IP介绍</a> </li>
                    <li class="li42">
                        <a href="" class="naviziti2"><img src="./img/page4-1-img/1/title发亮的那里.png"></a>
                    </li>
                    <li class="li52"> <a href="page-5.html" class="naviziti2">相关动态</a> </li>
                    <li class="li62"> <a href="page-6.html" class="naviziti2">关于我们</a> </li>
                </ul>
            </div>
        </div>
        <!--img src="./网上商城图片1/背景.png" class="shan"-->
        <img src="./img/page4-1-img/2/首页-第二版 1.png" class="bcp2">
        <img src="./img/page4-1-img/2/s3 10.png" class="yun1">
        <img src="./img/page4-1-img/2/云.png" class="yun2">
        <a href="#"><img src="./img/page4-1-img/2/组 1.png" class="yuanbao hvr-float"></a>
        <img src="./img/page4-1-img/2/组 7.png" class="zhenbaoge">
        <a href="javascript:void(0);" onclick="foo('page4-2.HTML',4000)"><img src="./img/page4-1-img/2/组 82.png" class="xunbao hvr-grow"></a>
        <img src="./img/page4-1-img/2/光.png" class="guang">
        <!--img src="./网上商城图片1/资源 3.png" class="fangzi"-->
        <img src="./img/page4-1-img/2/烟雾右.png" class="yan2">
        <img src="./img/page4-1-img/2/烟雾左.png" class="yan1">
        <img src="./img/page4-1-img/2/山.png" class="shan">
        <img src="./img/page4-1-img/2/鸟左.png" class="niao1">
        <img src="./img/page4-1-img/2/鸟右.png" class="niao2">
        <img src="./img/page4-1-img/2/门 关.png" class="menguan">
        <img src="./img/page4-1-img/2/门 开.png" class="menkai">
        <!--img src="./网上商城图片1/楼  无门.png" class="fangzi"-->
        <img src="./img/page4-1-img/2/灯笼.png" class="denglong">
        <img src="./img/page4-1-img/2/房子.png" class="fangzi">



    </div>
    <script>
        function foo(url, time) {

            setTimeout("top.location.href = '" + url + "'", time);
            setTimeout(function() {
                $(".menguan").fadeOut(500);
            }, 500);
            setTimeout(function() {
                $(".guang").fadeIn(1000);
            }, 1000);
        }
    </script>

</body>
<script src="./js/page-4-introduce.js"></script>
<script src="./js/zhuanhuan.js"></script>


</html>